
/*首页*/
.picBox{
	width: 100%;
	overflow: hidden;
	position:relative;
	height: 488px;
}
.picBox  .pb-con{	
	width: 100%;

	height: 491px;
	overflow: hidden;
	position: relative;

}
.picBox  .pb-con .swiper-slide{
   height: 491px;
	width: 100%;
}
.picBox .pb-con img{
	height: auto;
	width: 100%;

}
.picBox .swiper-container-horizontal>.swiper-pagination-bullets{
	left: 50%;
	bottom:5%;
	transform: translate(-50%,0%);
	position: absolute;
	
}
.picBox .swiper-pagination-bullet{
	background: #fff;
	opacity: 0.9;

}
.picBox  .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{
margin: 10px 0;
}
.picBox .swiper-pagination-bullet-active{
	background: #f39900;
}




.advantage{
	width: 100%;
	height: 153px;
	background: #efefef;
	padding-top: 30px;
}
.advantage .item{
	position: relative;
}
.advantage .item:before{
	content: '';
	display: block;
	width:1px;
	height: 55px;
	background: #fff;
	position: absolute;
	top:20px;
	right:0;
}
.advantage .item:after{
	content: '';
	display: block;
	width:1px;
	height: 55px;
	background: #ddd;
	position: absolute;
	top:20px;
	right:-1px;
}
.advantage .item:last-child:before{
	display: none;
}.advantage .item:last-child:after{
	display: none;
}
.advantage .icon{
	margin-bottom: 15px;
	text-align: center;
	cursor: pointer;
}
.advantage .icon img{
	display: block;
	margin: 0 auto;
}
.advantage .icon .hover{
	display: none;
}
.advantage .icon:hover .default{
	display: none;
}
.advantage .icon:hover .hover{
	display: block;
}
.advantage p{
	text-align: center;
	font-size: 16px;
	color:#333;
}
.caseWrap{
	padding: 0;
}

.caseWrap .title{
	text-align: center;
}
.caseWrap .title h3{
	font-size:30px;
	color:#333;
	margin-bottom: 10px;
}
.caseWrap .title p{
	color:#999;
}
.caseWrap .caseNav{
	margin-top: 50px;
	display: flex;
	justify-content: center;
	margin-bottom: 35px;
}
.caseWrap .caseNav li{
	
}
.caseWrap .caseNav li a{
	display: block;
	border:1px solid #cacaca;
	border-radius: 30px;
	padding: 5px 20px;
	color:#999;
	margin-right: 15px;
}
.caseWrap .caseNav li a:hover,.caseWrap .caseNav li.on a{
	background: #d5a568;
	border:1px solid #d5a568;
	color:#fff;
}
.caseWrap  .caseCon{
	
}
.caseWrap  .caseCon .caseFirst{
	margin-bottom: 15px;
}
.caseWrap  .caseCon .caseFirst .item{
	position: relative;
}
.caseWrap  .caseCon .caseFirst .item .pic{
	position: relative;
}
.caseWrap  .caseCon .caseFirst .item .pic .picbg{
	width: 100%;
}
.caseWrap  .caseCon .caseFirst .item .pichover{
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.6);
	text-align: center;
	display: none;
}
.caseWrap  .caseCon .caseFirst .item .pichover .icon{
	margin-top: 20%;
	margin-bottom: 8%;
}
.caseWrap  .caseCon .caseFirst .item .pichover .icon img{
	width:24%;
}
.caseWrap  .caseCon .caseFirst .item .pichover p{
	text-align: center;
	font-size:14px;
	color:#f7f7f7;
	width:90%;
	height: 24px;
	overflow: hidden;
	margin: 0 auto;
	line-height: 2.2rem;
}
.caseWrap  .caseCon .caseFirst .item .pic:hover .pichover{
	display: block;
}



.caseWrap  .caseCon .caseSec .item{
	position: relative;
	margin-bottom: 25px;
}
.caseWrap  .caseCon .caseSec .item .pic{
	position: relative;
}
.caseWrap  .caseCon .caseSec .item .pic .picbg{
	width: 100%;
}
.caseWrap  .caseCon .caseSec .item .pichover{
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.6);
	text-align: center;
	display: none;
}
.caseWrap  .caseCon .caseSec .item .pichover .icon{
	margin-top: 20%;
	margin-bottom: 8%;
}
.caseWrap  .caseCon .caseSec .item .pichover .icon img{
	width:24%;
}
.caseWrap  .caseCon .caseSec .item .pichover p{
	text-align: center;
	font-size:14px;
	color:#f7f7f7;
	width:90%;
	height: 24px;
	overflow: hidden;
	margin: 0 auto;
	line-height: 2.2rem;
}
.caseWrap  .caseCon .caseSec .item .pic:hover .pichover{
	display: block;
}
.caseWrap  .caseCon .caseSec .caseSLeft{
	padding-left: 0;
	padding-right: 0;
	width:50%;
	float:left;
}
.caseWrap  .caseCon .caseSec .caseSRight{
	padding-left: 0;
	padding-right: 0;
	width:50%;
	float:left;
	padding-left: 8px;
	padding-right: 8px;
}
.caseWrap  .caseCon .caseSec .caseSRight .item .pichover .icon img{
	width:15%;
}
.caseWrap  .caseCon .col-xs-3,.caseWrap  .caseCon .col-xs-6{
	padding-left: 8px;
	padding-right: 8px;
}
.caseWrap  .casebtn{
	text-align: center;
	padding-top: 30px;
}
.caseWrap  .casebtn a{
	border:1px solid #cacaca;
	padding: 5px 23px;
	color:#999;
	border-radius: 30px;
	display: inline-block;
}
.caseWrap  .casebtn a:hover{
	background: #d5a568;
	border:1px solid #d5a568;
	color:#fff;
}

.design{
	padding-top: 50px;
}
.design .title{
	text-align: center;
}
.design .title h3{
	font-size:30px;
	margin-bottom: 10px;
	color:#333;
}
.design .title p{
	font-size:14px;
	color:#999;
}
.design .design-con{
	padding: 60px 0 120px;
	position: relative;
	overflow: hidden;
}
.design .design-con .item{
	
}
.design .design-con .item .pic{
	position: relative;
	margin-bottom: 20px;
	cursor: pointer;
}
.design .design-con .item .pic img{
	width:100%;
}

.design .design-con .item .pic .pichover{
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.6);
	color:#d7d7d7;
	padding:65% 6% 2%;	
	display: none;
}
.design .design-con .item .pic:hover .pichover{
	display: block;
}
.design .design-con .item .pic .pichover .text{
	margin-bottom: 10%;
}
.design .design-con  .picbtn{
	
}
.design .design-con  .picbtn .btn1{
	width:45%;
	display: inline-block;
	background: #d5a568;
	color:#fff;	
	padding: 6px 0;
	text-align: center;
	border-radius: 6px;
	margin-right: 3%;
}

.design .design-con  .picbtn .btn2{
	width:45%;
	display: inline-block;
	background: #1b1b1b;
	color:#fff;
	padding: 6px 0;
	text-align: center;
	border-radius: 6px;
}
.design .design-con  .picbtn .btn2:hover{
	background: #d5a568;
	color:#fff;
}

.design .design-con .name{
	font-size:16px;
	color:#333;
}
.design .design-con .name span{
	font-size:14px;
	color:#999;
	padding-left: 10px; 
}
.design .swiper-container-horizontal>.swiper-pagination-bullets{
	left: 50%;
	bottom:50px;
	transform: translate(-50%,0%);
	position: absolute;
	
}
.design .swiper-pagination-bullet{
	background: #d5d5d5;
	opacity: 0.9;

}
.design .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{
margin: 10px 0;
}
.design .swiper-pagination-bullet-active{
	background: #f39900;
}
.design .dcbtn{
	text-align: center;
	
}
.design .dcbtn a{
	border:1px solid #cacaca;
	padding: 5px 23px;
	color:#999;
	border-radius: 30px;
	display: inline-block;
}
.flowWrap{
	margin-top: 70px;
	background:url("../images/index/qm_26.jpg") no-repeat;
	background-size: 100% 100%;
	width:100%;
	height:428px;
}
.flowWrap .title{
	text-align: center;
	color:#d5a568;
	padding-top: 50px;
}
.flowWrap .title h3{
	font-size:30px;
	margin-bottom: 10px;
}
.flowWrap .title h3 p{
	font-size:14px;
}
.flowWrap ul{
	position: relative;
	margin: 63px 0;
}
.flowWrap ul li{
	display: table-cell;
}
.flowWrap ul li img{
	width:100%;
}

.flowWrap .tel{
	text-align: center;
	
}
.flowWrap .tel span{
	border:1px solid #d5a568;
	font-size:16px;
	color:#d5a568;
	padding: 8px 30px;
	border-radius: 30px;
}

.hothouseWrap{
	
}
.hothouseWrap .title{
	text-align: center;
	padding-top: 50px;
	margin-bottom: 40px;
}
.hothouseWrap .title h3{
	font-size:30px;
	margin-bottom: 10px;
}
.hothouseWrap .title  p{
	font-size:14px;
	color:#999;
}
.hothouseWrap .houselist .item{
	margin-bottom: 25px;
}
.hothouseWrap .houselist .item .pic{
	margin-bottom: 15px;
}
.hothouseWrap .houselist .item .pic img{
	width: 100%;
}
.hothouseWrap .houselist .item .text{
	
}
.hothouseWrap .houselist .item .text .name{
	color:#666;	
}
.hothouseWrap .houselist .item .text .num{
	color:#d5a568;
}
.hothouseWrap .housebtn{
	text-align: center;
	margin-top: 20px; 
}
.hothouseWrap .housebtn a{
	border:1px solid #cacaca;
	padding: 5px 23px;
	color:#999;
	border-radius: 30px;
	display: inline-block;
}
.brandWrap{
	
}
.brandWrap .title{
	text-align: center;
	padding-top: 50px;
	margin-bottom: 40px;
}
.brandWrap .title h3{
	font-size:30px;
	margin-bottom: 10px;
}
.brandWrap .title  p{
	font-size:14px;
	color:#999;
}
.brandWrap .brandlist{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.brandWrap .brandlist .item{
	width:18%;
	height: 100px;
	position: relative;
	border-radius: 8px;
	
	margin-right:2%;
	background: #e9e9e9;
	margin-bottom: 30px;
}
.brandWrap .brandlist .item img{
	width:80%;
	position: absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
}
.indexbanner{
	width:100%;
	margin-top: 30px;
}
.indexbanner img{
	width:100%;
}
.newsWrap{
	width:100%;
	margin-bottom: 50px;
}
.newsWrap .title{
	text-align: center;
	padding-top: 50px;
	margin-bottom: 40px;
}
.newsWrap .title h3{
	font-size:30px;
	margin-bottom: 10px;
}
.newsWrap .title  p{
	font-size:14px;
	color:#999;
}
.newsWrap .newsCon{
	
}
.newsWrap .newsCon .item{
	float: left;
	width:30%;
	margin-right:5%;
	border:1px solid #e9e9e9;
}
.newsWrap .newsCon .item:last-child{
	margin-right: 0;
}
.newsWrap .newsCon .picitem{
	background: #e9e9e9;
	padding: 10px;
}
.newsWrap .newsCon .picitem .pic{
	width:40%;
	display: table-cell;
	
}
.newsWrap .newsCon .picitem .pic img{
	width:100%;
}
.newsWrap .newsCon .picitem .text{
	width:56%;
	display: table-cell;
	font-size:16px;
	position: relative;
}
.newsWrap .newsCon .picitem .text p{
	position: absolute;
	top:50%;
	left:0;
	transform:translate(0,-50%);
	padding-left: 6%;	
	color:#333;
	width:100%;
	max-height: 42px;
	overflow: hidden;
}
.newsWrap .newsCon .picitem .text p:hover{
	color:#d5a568;
}
.newsWrap .newsCon .item .newslist{
  line-height: 46px;
  padding: 10px 23px;
}
.newsWrap .newsCon .item .newslist li{
	height: 26px;
	line-height: 26px;
	overflow: hidden;
	position: relative;
	padding-left: 10px;
	color:#666;
}
.newsWrap .newsCon .item .newslist li:after{
	display: block;
	content: '';
	width:3px;
	height: 3px;
	border-radius: 4px;
	background: #666;
	position: absolute;
	top:10px;
	left:0;
	
}

/*手机样式*/
@media (max-width:768px){
	.picBox{
		overflow: visible;
		position: relative;
		height: 320px;
	}
	.picBox .pb-con {
		width:100%;
		height: 320px;
		position: absolute;
		top:-79px;
		left:0px;
		
	}
	.picBox .pb-con .swiper-slide{
		height:320px;
		width:100%;
		overflow: hidden;
	}
	.picBox .pb-con img{
		height: 100%;
		width:auto;
		position: absolute;
		top:50%;
		left:50%;
		transform: translate(-50%,-50%);
	}
	.picBox .swiper-container-horizontal>.swiper-pagination-bullets{
		bottom: 25%;
	}
	.advantage{
		position: relative;
		z-index: 3;
		top:-109px;
		width:90%;
		margin: 0 auto;
		height: auto;
		border-radius: 5px;
		padding-bottom: 0px;
		padding-top:20px;
	}
	.advantage .container{
		display: flex;
		flex-wrap: wrap;
		padding-left: 7%;
	}
	.advantage .item:before,.advantage .item:after{
		display: none;
	}
	.advantage .item.col-sm-3{
		width:42%;
		margin-right: 8%;
		margin-bottom: 15px;
		background: #fdfdfd;
		border-radius: 5px;
		padding: 20px 0;
	}
	.advantage .icon{
	margin-bottom: 15px;
	text-align: center;
	cursor: pointer;
}
	.advantage .icon img{
		display: none;
		margin: 0 auto;
	}
	.advantage .icon .hover{
		display: block;
		margin: 0 auto;
	}
	
	.caseWrap{
		position: relative;
		top:-79px;
		padding-top: 0;
	}
	.caseWrap .title{
		margin-bottom: 20px;
	}
	.caseWrap .title h3{
		font-size:18px;
		margin-bottom: 5px;
	}
	.caseWrap .caseNav{
		display: none;
	}
	.caseWrap .caseCon{
		padding: 0px 10px;
	}
	.caseWrap .caseCon .caseFirst{
		display: flex;
		flex-wrap:wrap;
		
		margin-bottom: 0px;
	}
	.caseWrap .caseCon .caseFirst .item.col-xs-3{
		width:50%;
		margin-bottom: 15px;
	}
	.caseWrap .caseCon .caseSec .caseSLeft{
		width:100%;
	}
	.caseWrap .caseCon .caseSec .caseSRight{
		width:100%;
	}
	.caseWrap .caseCon .caseSec .item{
		margin-bottom: 15px;
	}
	.caseWrap .casebtn{
		padding-top: 0px;
	}
	.addinforWrap{
		margin-top: 0;
		top:-99px;
	}
	.design{
		padding: 0;
		position: relative;
		top:-69px;
	}
	.design .title{
		
	}
	.design .title h3{
		font-size:18px;
		margin-bottom: 5px;
	}
	.design .design-con{
		padding: 20px 0 20px;
		
	}
	.design .design-con .ss-con{
		display: flex;
		flex-wrap: wrap;
		padding: 0 15px;
	}
	.design .design-con .ss-con .item{
		width:50%;
		margin-bottom: 20px;
	}
	.design .design-con .item .pic{
		margin-bottom: 10px;
	}
	.design .swiper-container-horizontal>.swiper-pagination-bullets{
		bottom: 15px;
	}
	.design .design-con .item .pic .pichover{
		display: none;
	}
	.design .design-con .item .pic:hover .pichover{
	display: none;
	}
	.flowWrap{
		position: relative;
		top:-39px;
		margin-top: 0;
	}
	.flowWrap .title{
		padding-top: 30px;
	}
	.flowWrap .title h3{
		font-size:18px;
		margin-bottom: 5px;
	}
	.flowWrap .title p{
		font-size:12px;
	}
	.flowWrap ul{
		display: flex;
		flex-wrap: wrap;
		padding: 0 20% 0  20%;
		margin:30px 0;
	}
	.flowWrap ul li{
		display: block;
		width:25%;
		margin-right: 8%;
		margin-bottom: 20px;
	}
	.flowWrap ul li:nth-child(even){
		display: none;
	}
	.flowWrap .tel span{
		font-size:12px;
	}
	.hothouseWrap {
		position: relative;
		top:-10px;
	}
	.hothouseWrap .title{
		padding: 0px 0 0 0;
		margin-bottom: 25px;
	}
	.hothouseWrap .title h3{
		font-size:18px;
		margin-bottom: 5px;
	}
	.hothouseWrap .title p{
		font-size:12px;
	}
	.hothouseWrap .houselist{
		padding: 0 15px;
	}
	.hothouseWrap .houselist .col-xs-3{
		width:50%;
		padding: 0 10px;
	}
	.hothouseWrap .houselist .item{
		margin-bottom: 15px;
	}
	.hothouseWrap .houselist .item .pic{
		margin-bottom: 8px;
	}
	.brandWrap{
		
	}
	.brandWrap .title{
		margin-bottom: 20px;
		padding-top: 30px;
	}
	.brandWrap .title h3{
		font-size:18px;
		margin-bottom: 5px;
	}
	.brandWrap .title p{
		font-size:12px;
	}
	.brandWrap .brandlist{
		padding: 0 15px;
	}
	.brandWrap .brandlist .item{
		width:30%;
		height: 50px;
		margin-bottom: 10px;
		margin-right: 3%;
	}
	.indexbanner{
		margin-top: 10px;
	}
	.newsWrap{
		padding-bottom: 60px;
	}
	.newsWrap .title{
		margin-bottom: 10px;
		padding-top: 30px;
	}
	.newsWrap .title h3{
		font-size:18px;
		margin-bottom: 5px;
	}
	.newsWrap .title p{
		font-size:12px;
	}
	.newsWrap .newsCon{
		
	}
	.newsWrap .newsCon .item{
		width:100%;
	}
	.footerNavWrap{
		display: none;
	}
}